<!DOCTYPE HTML>
<html style="width:100%;height:100%" class="no-js">
    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <script src="../../system/lib/base/modernizr-2.8.3.min.js"></script>
        
		<script id="__varReplace">
    	
    	    	window.__justep = window.__justep || {};
				window.__justep.isDebug = true;
				window.__justep.__packageMode = "1";
				window.__justep.__isPackage = true;;
				window.__justep.url = location.href;
				window.__justep.versionInfo = {};
		 
    	</script>
        <script id="__updateVersion">
        
				(function(url, mode){
					if (("@"+"mode@") === mode) mode = "3";
					if (("@"+"versionUrl@") === url) url = "system/service/common/app.j";
					if ((mode!=="1" && (mode!="2") && (mode!="3"))) return;
					var async = (mode=="1");
					var x5Version = "noApp";
					var x5AppAgents = /x5app\/([0-9.]*)/.exec(navigator.userAgent);
					if(x5AppAgents && x5AppAgents.length > 1){
					   	x5Version = x5AppAgents[1] || "";
					} 
					function createXhr(){
						try {	
							return new XMLHttpRequest();
						}catch (tryMS) {	
							var version = ["MSXML2.XMLHttp.6.0",
							               "MSXML2.XMLHttp.3.0",
							               "MSXML2.XMLHttp",
							               "Miscrosoft.XMLHTTP"];
							for(var i = 0; i < version.length; i++){
								try{
							    	return new ActiveXObject(version[i]);
								}catch(e){}
							}
						}
						throw new Error("您的系统或浏览器不支持XHR对象！");
					}
					
					function createGuid(){	
						var guid = '';	
						for (var i = 1; i <= 32; i++){		
							var n = Math.floor(Math.random()*16.0).toString(16);		
							guid += n;		
							if((i==8)||(i==12)||(i==16)||(i==20))			
								guid += '-';	
						}	
						return guid;
					}
					
					function parseUrl(href){
						href = href.split("#")[0];
						var items = href.split("?");
						href = items[0];
						var query = items[1] || "";
						items = href.split("/");
						var baseItems = [];
						var pathItems = [];
						var isPath = false;
						for (var i=0; i<items.length; i++){
							if (mode == "3"){
								if (items[i] && (items[i].indexOf("v_") === 0) 
										&& (items[i].indexOf("l_") !== -1)
										&& (items[i].indexOf("s_") !== -1)
										&& (items[i].indexOf("d_") !== -1)
										|| (items[i]=="v_")){
									isPath = true;
									continue;
								}
							}else{
								if (items[i] && (items[i].indexOf("v-")===0) && (items[i].charAt(items[i].length-1)=="-") ){
									isPath = true;
									continue;
								}
							}
							if (isPath){
								pathItems.push(items[i]);
							}else{
								baseItems.push(items[i]);	
							}
							
						}
						var base = baseItems.join("/");
						if (base.charAt(base.length-1)!=="/") base += "/";
						
						var path = pathItems.join("/");
						if (path.charAt(0) !== "/") path = "/" + path;
						return [base, path, query];
					}
					
					
					var items = parseUrl(window.location.href);
					var base = items[0];
					var path = items[1];
					var query = items[2];
					var xhr = createXhr();
					url += ((url.indexOf("?")!=-1) ? "&" : "?") +"_=" + createGuid();
					if (mode === "3"){
						url += "&url=" + path;
						if (query)
							url += "&" + query;
					}
					xhr.open('GET', base + url, async);
					
					if (async){
						xhr.onreadystatechange=function(){
			                debugger;
							if((xhr.readyState == 4) && (xhr.status == 200) && xhr.responseText){
								var versionInfo = JSON.parse(xhr.responseText);
								window.__justep.versionInfo = versionInfo;
								window.__justep.versionInfo.baseUrl = base;
								if (query){
									path = path + "?" + query;
								}
								path = versionInfo.resourceInfo.indexURL || path; /* 如果返回indexPath则使用indexPath，否则使用当前的path */
								var indexUrl = versionInfo.baseUrl + versionInfo.resourceInfo.version + path;
								versionInfo.resourceInfo.indexPageURL = indexUrl;
								if(versionInfo.resourceInfo.resourceUpdateMode != "md5"){
									if (window.__justep.url.indexOf(versionInfo.resourceInfo.version) == -1){
										versionInfo.resourceInfo.isNewVersion = true;
									};
								}
							}
						}
					}
					
					try{
						xhr.send(null);
						if (!async && (xhr.status == 200) && xhr.responseText){
							var versionInfo = JSON.parse(xhr.responseText);
							window.__justep.versionInfo = versionInfo;
							window.__justep.versionInfo.baseUrl = base;
							if ((mode==="3") && window.__justep.isDebug){
								/* 模式3且是调试模式不重定向 */
							}else{
								if (query){
									path = path + "?" + query;
								}
								if(versionInfo.resourceInfo.resourceUpdateMode == "md5"){
									path = versionInfo.resourceInfo.indexURL || path; /* 如果返回indexPath则使用indexPath，否则使用当前的path */
									var indexUrl = versionInfo.baseUrl + versionInfo.resourceInfo.version + path;
									versionInfo.resourceInfo.indexPageURL = indexUrl; 
								}else if (versionInfo.resourceInfo && versionInfo.resourceInfo.version && (window.__justep.url.indexOf(versionInfo.resourceInfo.version) == -1)){
									path = versionInfo.resourceInfo.indexURL || path; /* 如果返回indexPath则使用indexPath，否则使用当前的path */
									var indexUrl = versionInfo.baseUrl + versionInfo.resourceInfo.version + path;
									window.location.href = indexUrl;
								}
							}
						}
					}catch(e2){}
				}("appMetadata_in_server.json", "1"));
                 
        </script>
    <link rel="stylesheet" href="../../system/components/bootstrap.min.css" include="$model/UI2/system/components/bootstrap/lib/css/bootstrap,$model/UI2/system/components/bootstrap/lib/css/bootstrap-theme"><link rel="stylesheet" href="../../system/components/comp.min.css" include="$model/UI2/system/components/justep/lib/css2/dataControl,$model/UI2/system/components/justep/input/css/datePickerPC,$model/UI2/system/components/justep/messageDialog/css/messageDialog,$model/UI2/system/components/justep/lib/css3/round,$model/UI2/system/components/justep/input/css/datePicker,$model/UI2/system/components/justep/row/css/row,$model/UI2/system/components/justep/attachment/css/attachment,$model/UI2/system/components/justep/barcode/css/barcodeImage,$model/UI2/system/components/bootstrap/dropdown/css/dropdown,$model/UI2/system/components/justep/dataTables/css/dataTables,$model/UI2/system/components/justep/contents/css/contents,$model/UI2/system/components/justep/common/css/forms,$model/UI2/system/components/justep/locker/css/locker,$model/UI2/system/components/justep/menu/css/menu,$model/UI2/system/components/justep/scrollView/css/scrollView,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/dialog/css/dialog,$model/UI2/system/components/justep/bar/css/bar,$model/UI2/system/components/justep/popMenu/css/popMenu,$model/UI2/system/components/justep/lib/css/icons,$model/UI2/system/components/justep/lib/css4/e-commerce,$model/UI2/system/components/justep/toolBar/css/toolBar,$model/UI2/system/components/justep/popOver/css/popOver,$model/UI2/system/components/justep/panel/css/panel,$model/UI2/system/components/bootstrap/carousel/css/carousel,$model/UI2/system/components/justep/wing/css/wing,$model/UI2/system/components/bootstrap/scrollSpy/css/scrollSpy,$model/UI2/system/components/justep/titleBar/css/titleBar,$model/UI2/system/components/justep/lib/css1/linear,$model/UI2/system/components/justep/numberSelect/css/numberList,$model/UI2/system/components/justep/list/css/list,$model/UI2/system/components/justep/dataTables/css/dataTables"></head>
	
    <body style="width:100%;height:100%;margin: 0;">
        <script intro="none"></script>
    	<div id="applicationHost" class="applicationHost" style="width:100%;height:100%;" __component-context__="block"><div class="main13 cRJJjUj" component="$model/UI2/system/components/justep/window/window" design="device:mobile;" xid="window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __cid="cRJJjUj" components="$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/list/list,$model/UI2/system/components/bootstrap/row/row,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/popOver/popOver,$model/UI2/system/components/justep/contents/content,$model/UI2/system/components/bootstrap/carousel/carousel,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/contents/contents,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/button/buttonGroup,">
  <style>.text-black.cRJJjUj{color: rgb(33, 33, 33)} .text-danger.cRJJjUj{color: rgb(255, 68, 0)} .thumbnail.cRJJjUj{margin-bottom: 0; padding: 8px 0} .tb-text-del.cRJJjUj{text-decoration: line-through} .tb-line.cRJJjUj{border-right: 1px solid rgb(209, 209, 209)} .tb-nopadding.cRJJjUj{padding-left: 0; padding-right: 0} .x-cards.cRJJjUj{padding-top: 0} .panel.panel-default.cRJJjUj{margin-bottom: 10px} .row.cRJJjUj{margin: 0} h4.cRJJjUj{margin-top: 0} .tb-img.cRJJjUj{width: 100%; height: 251px} .tb-trans.cRJJjUj .x-panel-top.cRJJjUj{z-index: 100} .tb-trans.cRJJjUj .x-panel-top.cRJJjUj .x-titlebar.cRJJjUj{background: none} .tb-trans.cRJJjUj .x-panel-content.cRJJjUj{top: 0 !important} .tb-trans.x-panel.cRJJjUj .no-iosstatusbar.cRJJjUj > .x-panel-content.cRJJjUj{top: -20px !important} .tb-box.cRJJjUj .tb-backBtn.cRJJjUj, .tb-box.cRJJjUj .tb-cartBtn.cRJJjUj, .tb-box.cRJJjUj .tb-moreBtn.cRJJjUj{width: 40px; height: 40px; border-radius: 65px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.4)} .tb-cartBtn.cRJJjUj{margin-top: -7px} .x-popOver-overlay.cRJJjUj{background-color: rgb(0, 0, 0)} .tb-tabs.cRJJjUj{padding-bottom: 10px; background-color: rgb(239, 239, 239)} .tb-tabs.cRJJjUj a.btn.cRJJjUj{color: rgb(102, 102, 102); background-color: rgb(255, 255, 255)} .tb-tabs.cRJJjUj .btn.active.cRJJjUj{border-bottom: 2px solid rgb(255, 68, 0); color: rgb(255, 68, 0)} .btn-icon-top.cRJJjUj span.cRJJjUj{font-size: 12px} .x-panel-bottom.cRJJjUj{border-top: 1px solid rgb(211, 211, 211); border-bottom: 1px solid rgb(211, 211, 211)} .x-panel-bottom.cRJJjUj .btn.cRJJjUj{color: rgb(102, 102, 102); padding: 3px 0 0 0} .x-panel-bottom.cRJJjUj .btn.cRJJjUj:nth-child(2){border-left: 1px solid rgb(220, 220, 220); border-right: 1px solid rgb(220, 220, 220)} .tb-shopping.cRJJjUj .btn.cRJJjUj{height: 48px; font-size: 14px; margin: 0; padding: 0; border-radius: 0; box-shadow: none; border: none; box-sizing: none; background: none; color: rgb(255, 255, 255)} .tb-shopping.cRJJjUj .btn.cRJJjUj:first-child{background-color: rgb(254, 145, 0)} .tb-shopping.cRJJjUj .btn.cRJJjUj:last-child{background-color: rgb(253, 80, 1)} .x-popOver.cRJJjUj .x-popOver-overlay.cRJJjUj{background-color: rgb(0, 0, 0)} .x-popOver.cRJJjUj .x-popOver-content.cRJJjUj{width: 100%; background-color: rgb(255, 255, 255); bottom: 0 !important} .tb-colorImg.cRJJjUj{position: absolute; top: -20px; left: 10px; width: 110px; height: 120px} .tb-title.cRJJjUj{padding: 20px 0 0 130px} .tb-close.cRJJjUj{font-size: 30px} .tb-colorList.cRJJjUj .col.cRJJjUj{padding-left: 0; padding-right: 10px; margin-bottom: 10px} .tb-colorList.cRJJjUj .col.cRJJjUj div.cRJJjUj{line-height: 30px; background-color: rgb(239, 239, 239); border-radius: 5px} .tb-colorList.cRJJjUj .col.cRJJjUj div.current.cRJJjUj{background-color: rgb(255, 68, 0); color: rgb(255, 255, 255)} .tb-colorOk.cRJJjUj{background-color: rgb(255, 68, 0); color: rgb(255, 255, 255); border-radius: 0}</style>  
  <div component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" data-events="onParamsReceive:modelParamsReceive" __cid="cRJJjUj" class="cRJJjUj"></div>  
  <div component="$model/UI2/system/components/justep/popOver/popOver" class="x-popOver cRJJjUj" xid="popOver" data-bind="component:{name:'$model/UI2/system/components/justep/popOver/popOver'}" data-config="{&#34;position&#34;:&#34;bottom&#34;}" __cid="cRJJjUj"> 
    <div class="x-popOver-overlay cRJJjUj" xid="div2" __cid="cRJJjUj"></div>  
    <div class="x-popOver-content cRJJjUj" xid="div3" __cid="cRJJjUj"> 
      <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon pull-right tb-close text-black cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:{operation:'popOver.hide'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-close-outline&#34;}" __cid="cRJJjUj"> 
        <i xid="i17" class="icon-ios7-close-outline cRJJjUj" __cid="cRJJjUj"></i>  
        <span xid="span35" __cid="cRJJjUj" class="cRJJjUj"></span> 
      </a>  
      <img src="../../demo/taobao/detail/img/pic1.png" alt="" class="img-thumbnail tb-colorImg cRJJjUj" __cid="cRJJjUj">  
      <div class="tb-title cRJJjUj" __cid="cRJJjUj"> 
        <span class="text-danger h4 cRJJjUj" __cid="cRJJjUj">￥</span>  
        <span class="text-danger h4 cRJJjUj" __cid="cRJJjUj" data-bind="text:goodsData.ref('fPrice')"></span>  
        <div xid="div7" __cid="cRJJjUj" class="cRJJjUj"></div>  
        <span __cid="cRJJjUj" class="cRJJjUj">库存</span>  
        <span __cid="cRJJjUj" class="cRJJjUj" data-bind="text:goodsData.ref('fRecord')"></span>  
        <span xid="span47" __cid="cRJJjUj" class="cRJJjUj">件</span>  
        <h5 xid="h52" class="text-black cRJJjUj" __cid="cRJJjUj">请选择颜色分类</h5> 
      </div>  
      <div class="panel-body cRJJjUj" __cid="cRJJjUj"> 
        <h4 class="text-black cRJJjUj" __cid="cRJJjUj">颜色分类</h4>  
        <div component="$model/UI2/system/components/justep/list/list" class="x-list tb-colorList cRJJjUj" xid="colorList" dataItemAlias="colorRow" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'},event:{click:$model._callModelFn.bind($model, 'colorLiClick')}" data-config="{&#34;data&#34;:&#34;colorData&#34;}" __cid="cRJJjUj"> 
          <ul class="x-list-template hide cRJJjUj" xid="ul2" componentname="ul(html)" id="undefined_ul2" __cid="cRJJjUj" data-bind="foreach:{data:$model.foreach_colorList($element),afterRender:$model.foreach_afterRender_colorList.bind($model,$element),as:'colorRow'}"> 
            <li xid="li2" class="col col-xs-6 cRJJjUj" componentname="li(html)" id="undefined_li2" __cid="cRJJjUj"> 
              <div class="text-center cRJJjUj" __cid="cRJJjUj" data-bind="css:{'current':colorRow.val('fState')==1}"> 
                <span __cid="cRJJjUj" class="cRJJjUj" data-bind="text:ref('fColor')"></span> 
              </div> 
            </li> 
          </ul> 
        </div>  
        <div class="clearfix cRJJjUj" __cid="cRJJjUj"></div> 
      </div>  
      <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label btn-block tb-colorOk cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'},visible:$model.stateData.val(&#34;state&#34;)==0" data-events="onClick:{operation:'popOver.hide'}" data-config="{&#34;label&#34;:&#34;确定&#34;}" __cid="cRJJjUj"> 
        <i xid="i18" __cid="cRJJjUj" class="cRJJjUj"></i>  
        <span xid="span50" __cid="cRJJjUj" class="cRJJjUj">确定</span> 
      </a>  
      <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified tb-shopping cRJJjUj" xid="buttonGroup4" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'},visible:$model.stateData.val(&#34;state&#34;)==1" data-config="{&#34;tabbed&#34;:true}" __cid="cRJJjUj"> 
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;label&#34;:&#34;加入购物车&#34;}" __cid="cRJJjUj"> 
          <i xid="i16" __cid="cRJJjUj" class="cRJJjUj"></i>  
          <span xid="span34" __cid="cRJJjUj" class="cRJJjUj">加入购物车</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;label&#34;:&#34;立即购买&#34;}" __cid="cRJJjUj"> 
          <i xid="i19" __cid="cRJJjUj" class="cRJJjUj"></i>  
          <span xid="span37" __cid="cRJJjUj" class="cRJJjUj">立即购买</span> 
        </a> 
      </div> 
    </div> 
  </div>  
  <div component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full x-card tb-trans x-has-iosstatu pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="cRJJjUj"> 
    <div class="x-panel-top cRJJjUj" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="cRJJjUj">
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar tb-box cRJJjUj" xid="titleBar" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" __cid="cRJJjUj"> 
        <div class="x-titlebar-left cRJJjUj" xid="left1" __cid="cRJJjUj">
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon tb-backBtn cRJJjUj" xid="backBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:backBtnClick" data-config="{&#34;icon&#34;:&#34;icon-chevron-left&#34;}" __cid="cRJJjUj"> 
            <i xid="i6" class="icon-chevron-left cRJJjUj" __cid="cRJJjUj"></i>  
            <span xid="span6" __cid="cRJJjUj" class="cRJJjUj">关闭</span> 
          </a>
        </div>  
        <div class="x-titlebar-title cRJJjUj" xid="title1" __cid="cRJJjUj">
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon tb-cartBtn pull-right cRJJjUj" xid="cartBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:shoppingCartBtnClick" data-config="{&#34;icon&#34;:&#34;icon-ios7-cart&#34;}" __cid="cRJJjUj"> 
            <i xid="i12" class="icon-ios7-cart cRJJjUj" __cid="cRJJjUj"></i>  
            <span xid="span4" __cid="cRJJjUj" class="cRJJjUj"></span>
          </a>
        </div>  
        <div class="x-titlebar-right  cRJJjUj" xid="right1" __cid="cRJJjUj">
          <div class="empty cRJJjUj" __cid="cRJJjUj"></div>
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-icon tb-moreBtn pull-right cRJJjUj" xid="moreBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-android-more&#34;}" __cid="cRJJjUj"> 
            <i xid="i13" class="icon-android-more cRJJjUj" __cid="cRJJjUj"></i>  
            <span xid="span23" __cid="cRJJjUj" class="cRJJjUj"></span>
          </a>
        </div>
      </div>
    </div>
    <div class="x-panel-content x-cards tb-trans cRJJjUj" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="cRJJjUj"> 
      <div component="$model/UI2/system/components/bootstrap/carousel/carousel" class="x-carousel carousel cRJJjUj" xid="carousel1" style="height:251px;" data-bind="component:{name:'$model/UI2/system/components/bootstrap/carousel/carousel'}" data-config="{&#34;auto&#34;:false}" __cid="cRJJjUj"> 
        <ol class="carousel-indicators cRJJjUj" xid="default1" __cid="cRJJjUj"></ol>  
        <div class="x-contents carousel-inner cRJJjUj" role="listbox" component="$model/UI2/system/components/justep/contents/contents" xid="contents1" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-config="{&#34;active&#34;:0,&#34;routable&#34;:false,&#34;slidable&#34;:true,&#34;swipe&#34;:true,&#34;wrap&#34;:true}" __cid="cRJJjUj"> 
          <div class="x-contents-content active cRJJjUj" xid="content1" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}" __cid="cRJJjUj"> 
            <img src="" alt="" xid="image1" class="image-wall tb-img cRJJjUj" __cid="cRJJjUj"> 
          </div> 
        </div> 
      </div>  
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel panel-default x-card panel-body pff84a3493abf432593a35005e086ec47-iosstatusbar cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="cRJJjUj"> 
        <div component="$model/UI2/system/components/bootstrap/row/row" class="row tb-nopadding cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}" __cid="cRJJjUj"> 
          <div class="col col-xs-10  tb-nopadding cRJJjUj" xid="col8" __cid="cRJJjUj"> 
            <h4 xid="h41" class=" text-black cRJJjUj" __cid="cRJJjUj" data-bind="text:goodsData.ref('fTitle')"></h4>  
            <div xid="div4" __cid="cRJJjUj" class="cRJJjUj"> 
              <span xid="span17" class="text-danger h3 cRJJjUj" __cid="cRJJjUj">￥</span>  
              <span xid="span29" class="text-danger h3 cRJJjUj" __cid="cRJJjUj" data-bind="text:goodsData.ref('fPrice')"></span> 
            </div>  
            <div xid="div5" class="text-muted cRJJjUj" __cid="cRJJjUj"> 
              <span xid="span19" __cid="cRJJjUj" class="cRJJjUj">价格：</span>  
              <span xid="span18" class="tb-text-del cRJJjUj" __cid="cRJJjUj">￥</span>  
              <span xid="span13" class="tb-text-del cRJJjUj" __cid="cRJJjUj" data-bind="text:goodsData.ref('fOldPrice')"></span> 
            </div> 
          </div>  
          <div class="col col-xs-2  tb-nopadding cRJJjUj" xid="col9" __cid="cRJJjUj"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top pull-right tb-nopadding cRJJjUj" xid="shareBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:shareBtnClick" data-config="{&#34;icon&#34;:&#34;icon-android-share&#34;,&#34;label&#34;:&#34;分享&#34;}" __cid="cRJJjUj"> 
              <i xid="i10" class="text-success icon-android-share cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span10" class="text-success cRJJjUj" __cid="cRJJjUj">分享</span> 
            </a> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/bootstrap/row/row" class="row text-muted h5 tb-nopadding cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}" __cid="cRJJjUj"> 
          <div class="col col-xs-4  tb-nopadding cRJJjUj" xid="col11" __cid="cRJJjUj"> 
            <span xid="span14" __cid="cRJJjUj" class="cRJJjUj">快递</span>  
            <span xid="span15" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:goodsData.ref('fPostage')"></span> 
          </div>  
          <div class="col col-xs-4 text-center cRJJjUj" xid="col12" __cid="cRJJjUj"> 
            <span xid="span24" __cid="cRJJjUj" class="cRJJjUj">月销</span>  
            <span xid="span26" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:goodsData.ref('fRecord')"></span>  
            <span xid="span27" __cid="cRJJjUj" class="cRJJjUj">笔</span> 
          </div>  
          <div class="col col-xs-4 text-center cRJJjUj" xid="col13" __cid="cRJJjUj"> 
            <span xid="span16" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:goodsData.ref('fAddress')"></span> 
          </div> 
        </div>  
        <style __cid="cRJJjUj" class="cRJJjUj">.x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pff84a3493abf432593a35005e086ec47-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div>  
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel panel-heading x-card p600983439608464b95daaa5fe9759814-iosstatusbar cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'},event:{click:$model._callModelFn.bind($model, 'popOverClick')}" __cid="cRJJjUj"> 
        <i xid="i4" class="text-muted icon-chevron-right pull-right btn-sm cRJJjUj" __cid="cRJJjUj"></i>  
        <span xid="span20" __cid="cRJJjUj" class="cRJJjUj">选择颜色分类</span>  
        <style __cid="cRJJjUj" class="cRJJjUj">.x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.p600983439608464b95daaa5fe9759814-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div>  
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel panel-default x-card p693042705f4f4636a5b3a42791a3a536-iosstatusbar cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="cRJJjUj"> 
        <div class="panel-body cRJJjUj" __cid="cRJJjUj"> 
          <div class="h5 text-black cRJJjUj" __cid="cRJJjUj"> 
            <span xid="span22" __cid="cRJJjUj" class="cRJJjUj">宝贝评价（</span>  
            <span xid="span25" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:goodsData.ref('fCommentsNumber')"></span>  
            <span xid="span28" __cid="cRJJjUj" class="cRJJjUj">）</span> 
          </div>  
          <div class="media-left cRJJjUj" __cid="cRJJjUj"> 
            <img src="" alt="" xid="image3" class="img-circle cRJJjUj" height="40px" style="width:40px;" __cid="cRJJjUj" data-bind="attr:{src:commentsData.ref('fUserImg')}"> 
          </div>  
          <div class="media-body cRJJjUj" __cid="cRJJjUj"> 
            <span xid="span30" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:commentsData.ref('fUserName')"></span> 
          </div>  
          <div __cid="cRJJjUj" class="cRJJjUj"> 
            <span xid="span32" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:commentsData.ref('fContent')"></span> 
          </div>  
          <div class="text-muted cRJJjUj" __cid="cRJJjUj"> 
            <span xid="span36" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:commentsData.ref('fDate')"></span> 
          </div>  
          <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified cRJJjUj" xid="buttonGroup3" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'}" data-config="{&#34;tabbed&#34;:true}" __cid="cRJJjUj"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label text-black cRJJjUj" xid="button4" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;label&#34;:&#34;查看更多评论&#34;}" __cid="cRJJjUj"> 
              <i xid="i11" __cid="cRJJjUj" class="cRJJjUj"></i>  
              <span xid="span5" __cid="cRJJjUj" class="cRJJjUj">查看更多评论</span> 
            </a> 
          </div> 
        </div>  
        <style __cid="cRJJjUj" class="cRJJjUj">.x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.p693042705f4f4636a5b3a42791a3a536-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div>  
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel panel-default x-card p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="cRJJjUj"> 
        <div xid="div9" class="panel-body tb-nopadding cRJJjUj" __cid="cRJJjUj"> 
          <div class="panel-body media cRJJjUj" __cid="cRJJjUj"> 
            <div class="media-left cRJJjUj" __cid="cRJJjUj"> 
              <img src="" alt="" xid="image4" class="img-rounded cRJJjUj" height="50px" style="width:50px;" __cid="cRJJjUj" data-bind="attr:{src:shopData.ref('fShopImg')}"> 
            </div>  
            <div class="media-body cRJJjUj" __cid="cRJJjUj"> 
              <span xid="span46" class="show cRJJjUj" __cid="cRJJjUj" data-bind="text:shopData.ref('fShopName')"></span>  
              <span xid="span48" __cid="cRJJjUj" class="cRJJjUj" data-bind="text:shopData.ref('fLevel')"></span> 
            </div> 
          </div>  
          <div component="$model/UI2/system/components/bootstrap/row/row" class="row cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}" __cid="cRJJjUj"> 
            <div class="col col-xs-5 cRJJjUj" xid="col17" __cid="cRJJjUj"> 
              <span class="text-muted cRJJjUj" xid="span9" __cid="cRJJjUj">描述相符</span>  
              <span class="text-danger cRJJjUj" xid="span11" __cid="cRJJjUj" data-bind="text:shopData.ref('fConsistent')"></span> 
            </div>  
            <div class="col col-xs-7 cRJJjUj" xid="col18" __cid="cRJJjUj"> 
              <span class="text-muted cRJJjUj" xid="span12" __cid="cRJJjUj">服务态度</span>  
              <span class="text-success cRJJjUj" xid="span21" __cid="cRJJjUj" data-bind="text:shopData.ref('fService')"></span> 
            </div> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/bootstrap/row/row" class="row cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}" __cid="cRJJjUj"> 
          <div class="col col-xs-6 tb-line cRJJjUj" xid="col1" __cid="cRJJjUj"> 
            <span xid="span41" class="show text-center cRJJjUj" __cid="cRJJjUj" data-bind="text:shopData.ref('fGoodsNumber')"></span>  
            <span xid="goodsBtn" class="show text-center text-muted cRJJjUj" __cid="cRJJjUj" data-bind="event:{click:$model._callModelFn.bind($model, 'goodsBtnClick')}">全部宝贝</span> 
          </div>  
          <div class="col col-xs-6 cRJJjUj" xid="col2" __cid="cRJJjUj"> 
            <span xid="span44" class="show text-center cRJJjUj" __cid="cRJJjUj" data-bind="text:shopData.ref('fFocusNumber')"></span>  
            <span xid="span43" class="show text-center text-muted cRJJjUj" __cid="cRJJjUj">关注人数</span> 
          </div> 
        </div>  
        <div component="$model/UI2/system/components/bootstrap/row/row" class="row panel-body cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}" __cid="cRJJjUj"> 
          <div class="col col-xs-6 cRJJjUj" xid="col4" __cid="cRJJjUj"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-left btn-block thumbnail text-black cRJJjUj" xid="classBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:classBtnClick" data-config="{&#34;icon&#34;:&#34;icon-navicon&#34;,&#34;label&#34;:&#34;查看宝贝分类&#34;}" __cid="cRJJjUj"> 
              <i xid="i9" class="icon-navicon cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span40" __cid="cRJJjUj" class="cRJJjUj">查看宝贝分类</span> 
            </a> 
          </div>  
          <div class="col col-xs-6 cRJJjUj" xid="col5" __cid="cRJJjUj"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-left btn-block thumbnail text-black cRJJjUj" xid="storeBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:storeBtnClick" data-config="{&#34;icon&#34;:&#34;icon-bag&#34;,&#34;label&#34;:&#34;进店逛逛&#34;}" __cid="cRJJjUj"> 
              <i xid="i5" class="icon-bag cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span39" __cid="cRJJjUj" class="cRJJjUj">进店逛逛</span> 
            </a> 
          </div> 
        </div>  
        <style __cid="cRJJjUj" class="cRJJjUj">.x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.p3bd733f1574f4862a43ed6393e3aced3-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div>  
      <div component="$model/UI2/system/components/justep/panel/panel" class="panel x-card pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="cRJJjUj"> 
        <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified tb-tabs cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'}" data-config="{&#34;tabbed&#34;:true}" __cid="cRJJjUj"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label active cRJJjUj" xid="detailsBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;label&#34;:&#34;图文详情&#34;,&#34;target&#34;:&#34;detailsContent&#34;}" __cid="cRJJjUj"> 
            <i xid="i14" __cid="cRJJjUj" class="cRJJjUj"></i>  
            <span xid="span31" __cid="cRJJjUj" class="cRJJjUj">图文详情</span> 
          </a>  
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label cRJJjUj" xid="parameterBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;label&#34;:&#34;产品参数&#34;,&#34;target&#34;:&#34;parameterContent&#34;}" __cid="cRJJjUj"> 
            <i xid="i15" __cid="cRJJjUj" class="cRJJjUj"></i>  
            <span xid="span33" __cid="cRJJjUj" class="cRJJjUj">产品参数</span> 
          </a> 
        </div>  
        <div component="$model/UI2/system/components/justep/contents/contents" class="x-contents cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/justep/contents/contents'}" data-config="{&#34;active&#34;:0}" __cid="cRJJjUj"> 
          <div class="x-contents-content panel-body active cRJJjUj" xid="detailsContent" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}" __cid="cRJJjUj"> 
            <div __cid="cRJJjUj" class="cRJJjUj" data-bind="html:$model.goodsData.val(&#34;fDetail&#34;)"></div> 
          </div>  
          <div class="x-contents-content panel-body cRJJjUj" xid="parameterContent" component="$model/UI2/system/components/justep/contents/content" data-bind="component:{name:'$model/UI2/system/components/justep/contents/content'}" __cid="cRJJjUj"> 
            <div component="$model/UI2/system/components/justep/list/list" class="x-list x-cards cRJJjUj" xid="list1" data-bind="component:{name:'$model/UI2/system/components/justep/list/list'}" data-config="{&#34;data&#34;:&#34;parameterData&#34;}" __cid="cRJJjUj"> 
              <ul class="x-list-template hide cRJJjUj" xid="ul1" componentname="ul(html)" id="undefined_ul1" __cid="cRJJjUj" data-bind="foreach:{data:$model.foreach_list1($element),afterRender:$model.foreach_afterRender_list1.bind($model,$element)}"> 
                <li xid="li1" componentname="li(html)" id="undefined_li1" class="list-group-item cRJJjUj" __cid="cRJJjUj"> 
                  <span class="col col-xs-4 tb-nopadding text-muted cRJJjUj" __cid="cRJJjUj" data-bind="text:ref('fName')"></span>  
                  <span class="x-flex col col-xs-8 tb-nopadding cRJJjUj" __cid="cRJJjUj" data-bind="text:ref('fParameter')"></span>  
                  <div class="clearfix cRJJjUj" __cid="cRJJjUj"></div> 
                </li> 
              </ul> 
            </div> 
          </div> 
        </div>  
        <style __cid="cRJJjUj" class="cRJJjUj">.x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-top {height: 0px;}.x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-content { top: 0px;bottom: nullpx;}.x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-content { top: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-top {height: 0px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pab02a84d76c14c57ab7fb6a58970d9af-iosstatusbar >.x-panel-content {top: 0px;}</style>
      </div> 
    </div>  
    <div class="x-panel-bottom cRJJjUj" xid="bottom1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="cRJJjUj"> 
      <div component="$model/UI2/system/components/bootstrap/row/row" class="row cRJJjUj" data-bind="component:{name:'$model/UI2/system/components/bootstrap/row/row'}" __cid="cRJJjUj"> 
        <div class="col col-xs-5 tb-nopadding cRJJjUj" xid="col3" __cid="cRJJjUj"> 
          <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified cRJJjUj" xid="buttonGroup1" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'}" data-config="{&#34;tabbed&#34;:true}" __cid="cRJJjUj"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top cRJJjUj" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-chatboxes-outline&#34;,&#34;label&#34;:&#34;客服&#34;}" __cid="cRJJjUj"> 
              <i xid="i1" class="icon icon-ios7-chatboxes-outline cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span1" __cid="cRJJjUj" class="cRJJjUj">客服</span> 
            </a>  
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top cRJJjUj" xid="button2" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-bag&#34;,&#34;label&#34;:&#34;店铺&#34;}" __cid="cRJJjUj"> 
              <i xid="i2" class="icon icon-bag cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span2" __cid="cRJJjUj" class="cRJJjUj">店铺</span> 
            </a>  
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-icon-top cRJJjUj" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-config="{&#34;icon&#34;:&#34;icon-ios7-star-outline&#34;,&#34;label&#34;:&#34;收藏&#34;}" __cid="cRJJjUj"> 
              <i xid="i3" class="icon icon-ios7-star-outline cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span3" __cid="cRJJjUj" class="cRJJjUj">收藏</span> 
            </a> 
          </div> 
        </div>  
        <div class="col col-xs-7 tb-nopadding cRJJjUj" xid="col6" __cid="cRJJjUj"> 
          <div component="$model/UI2/system/components/justep/button/buttonGroup" class="btn-group btn-group-justified tb-shopping cRJJjUj" xid="buttonGroup2" data-bind="component:{name:'$model/UI2/system/components/justep/button/buttonGroup'}" data-config="{&#34;tabbed&#34;:true}" __cid="cRJJjUj"> 
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label cRJJjUj" xid="joinCartBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:joinCartBtnClick" data-config="{&#34;icon&#34;:&#34;icon-radio-waves&#34;,&#34;label&#34;:&#34;加入购物车&#34;}" __cid="cRJJjUj"> 
              <i xid="i8" class="icon-radio-waves icon cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span7" __cid="cRJJjUj" class="cRJJjUj">加入购物车</span> 
            </a>  
            <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link btn-only-label cRJJjUj" xid="buyBtn" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:buyBtnClick" data-config="{&#34;icon&#34;:&#34;icon-android-display&#34;,&#34;label&#34;:&#34;立即购买&#34;}" __cid="cRJJjUj"> 
              <i xid="i7" class="icon-android-display icon cRJJjUj" __cid="cRJJjUj"></i>  
              <span xid="span8" __cid="cRJJjUj" class="cRJJjUj">立即购买</span> 
            </a> 
          </div> 
        </div> 
      </div> 
    </div>  
    <style __cid="cRJJjUj" class="cRJJjUj">.x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-top {height: 48px;}.x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-content { top: 48px;bottom: nullpx;}.x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pfc94810b08824f8993e0f1279e9b91e8-iosstatusbar >.x-panel-content {top: 48px;}</style>
  </div> 
</div></div>
        
        <div id="downloadGCF" style="display:none;padding:50px;">
        	<span>您使用的浏览器需要下载插件才能使用, </span>
        	<a id="downloadGCFLink" href="#">下载地址</a>
        	<p>(安装后请重新打开浏览器)</p>
        </div>
    	<script>
    	
    	            //判断浏览器, 判断GCF
    	 			var browser = {
    			        isIe: function () {
    			            return navigator.appVersion.indexOf("MSIE") != -1;
    			        },
    			        navigator: navigator.appVersion,
    			        getVersion: function() {
    			            var version = 999; // we assume a sane browser
    			            if (navigator.appVersion.indexOf("MSIE") != -1)
    			                // bah, IE again, lets downgrade version number
    			                version = parseFloat(navigator.appVersion.split("MSIE")[1]);
    			            return version;
    			        }
    			    };
    				function isGCFInstalled(){
    			      try{
    			        var i = new ActiveXObject('ChromeTab.ChromeFrame');
    			        if (i) {
    			          return true;
    			        }
    			      }catch(e){}
    			      return false;
    				}
    	            //判断浏览器, 判断GCF
    	            var __continueRun = true;
    				if (browser.isIe() && (browser.getVersion() < 10) && !isGCFInstalled()) {
    					document.getElementById("applicationHost").style.display = 'none';
    					document.getElementById("downloadGCF").style.display = 'block';
    					var downloadLink = "/" + location.pathname.match(/[^\/]+/)[0] + "/v8.msi";
    					document.getElementById("downloadGCFLink").href = downloadLink; 
    					__continueRun = false;
    	            }
		 	
    	</script>
        
        <script id="_requireJS" src="../../system/lib/require/require.2.1.10.js"> </script>
        <script src="../../system/core.min.js"></script><script src="../../system/common.min.js"></script><script src="../../system/components/comp.min.js"></script><script src="../../system/components/comp2.min.js"></script><script id="_mainScript">
        
			if (__continueRun) {
                window.__justep.cssReady = function(fn){
                	var promises = [];
                	for (var p in window.__justep.__ResourceEngine.__loadingCss){
                		if(window.__justep.__ResourceEngine.__loadingCss.hasOwnProperty(p))
                			promises.push(window.__justep.__ResourceEngine.__loadingCss[p].promise());
                	}
                	$.when.apply($, promises).done(fn);
                };
                
            	window.__justep.__ResourceEngine = {
            		readyRegExp : navigator.platform === 'PLAYSTATION 3' ? /^complete$/ : /^(complete|loaded)$/,
            		url: window.location.href,	
            		/*contextPath: 不包括语言 */
            		contextPath: "",
            		serverPath: "",
            		__loadedJS: [],
            		__loadingCss: {},
            		onLoadCss: function(url, node){
            			if (!this.__loadingCss[url]){
            				this.__loadingCss[url] = $.Deferred();	
                			if (node.attachEvent &&
                                    !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) &&
                                    !(typeof opera !== 'undefined' && opera.toString() === '[object Opera]')) {
                                node.attachEvent('onreadystatechange', this.onLinkLoad.bind(this));
                            } else {
                                node.addEventListener('load', this.onLinkLoad.bind(this), false);
                                node.addEventListener('error', this.onLinkError.bind(this), false);
                            }
            			}
            		},
            		
            		onLinkLoad: function(evt){
            	        var target = (evt.currentTarget || evt.srcElement);
            	        if (evt.type === 'load' ||
                                (this.readyRegExp.test(target.readyState))) {
            	        	var url = target.getAttribute("href");
            	        	if (url && window.__justep.__ResourceEngine.__loadingCss[url]){
            	        		window.__justep.__ResourceEngine.__loadingCss[url].resolve(url);
            	        	}
                        }
            		},
            		
            		onLinkError: function(evt){
            	        var target = (evt.currentTarget || evt.srcElement);
        	        	var url = target.getAttribute("href");
        	        	if (url && window.__justep.__ResourceEngine.__loadingCss[url]){
        	        		window.__justep.__ResourceEngine.__loadingCss[url].resolve(url);
        	        	}
            		},
            		
            		initContextPath: function(){
            			var baseURL = document.getElementById("_requireJS").src;
            			var before = location.protocol + "//" + location.host;
            			var after = "/system/lib/require/require.2.1.10.js";
            			var i = baseURL.indexOf(after);
            			if (i !== -1){
    	        			var middle = baseURL.substring(before.length, i);
    						var items = middle.split("/");
    						
    						
    						if ((items[items.length-1].indexOf("v_") === 0) 
    								&& (items[items.length-1].indexOf("l_") !== -1)
    								&& (items[items.length-1].indexOf("s_") !== -1)
    								&& (items[items.length-1].indexOf("d_") !== -1)
    								|| (items[items.length-1]=="v_")){
    							items.splice(items.length-1, 1);
    						}
    						
    						
    						if (items.length !== 1){
    							window.__justep.__ResourceEngine.contextPath = items.join("/");
    						}else{
    							window.__justep.__ResourceEngine.contextPath = before;
    						}
    						var index = window.__justep.__ResourceEngine.contextPath.lastIndexOf("/");
    						if (index != -1){
    							window.__justep.__ResourceEngine.serverPath = window.__justep.__ResourceEngine.contextPath.substr(0, index);
    						}else{
    							window.__justep.__ResourceEngine.serverPath = window.__justep.__ResourceEngine.contextPath;
    						}
            			}else{
            				throw new Error(baseURL + " hasn't  " + after);
            			}
            		},
            	
            		loadJs: function(urls){
            			if (urls && urls.length>0){
            				var loadeds = this._getResources("script", "src").concat(this.__loadedJS);
    	       				for (var i=0; i<urls.length; i++){
    	       					var url = window.__justep.__ResourceEngine.contextPath + urls[i];
    	        				if(!this._isLoaded(url, loadeds)){
    	        					this.__loadedJS[this.__loadedJS.length] = url;
    	        					/*
    	        					var script = document.createElement("script");
    	        					script.src = url;
    	        					document.head.appendChild(script);
    	        					*/
    	        					//$("head").append("<script  src='" + url + "'/>");
    	        					$.ajax({
    	        						url: url,
    	        						dataType: "script",
    	        						cache: true,
    	        						async: false,
    	        						success: function(){}
    	        						});
    	        				} 
    	       				}
            			}
            		},
            		
            		loadCss: function(styles){
           				var loadeds = this._getResources("link", "href");
            			if (styles && styles.length>0){
            				for (var i=0; i<styles.length; i++){
    	       					var url = window.__justep.__ResourceEngine.contextPath + styles[i].url
    	        				if(!this._isLoaded(url, loadeds)){
    	        					var include = styles[i].include || "";
    	        					var link = $("<link type='text/css' rel='stylesheet' href='" + url + "' include='" + include + "'/>");
    	        					this.onLoadCss(url, link[0]);
    	        					$("head").append(link);
    	        				} 
            				}
            			}
            			
            		},
            		
            		
            		_isLoaded: function(url, loadeds){
            			if (url){
            				var newUrl = "";
            				var items = url.split("/");
            				var isVls = false;
            				for (var i=0; i<items.length; i++){
            					if (isVls){
                					newUrl += "/" + items[i];
            					}else{
                					if (items[i] && (items[i].indexOf("v_")===0)
            								&& (items[i].indexOf("l_")!==-1)
            								&& (items[i].indexOf("s_")!==-1)
            								&& (items[i].indexOf("d_")!==-1)
            								|| (items[i]=="v_")){
                						isVls = true;
                					}
            					}
            				}
            				if (!newUrl)
            					newUrl = url;
            				
            				for (var i=0; i<loadeds.length; i++){
    							if (loadeds[i] && (loadeds[i].indexOf(newUrl)!==-1)){
    								return true;
    							}
    						}
            			}
    					return false;
            		},
            		
            		_getResources: function(tag, attr){
    					var result = [];
    					var scripts = $(tag);
    					for (var i=0; i<scripts.length; i++){
    						var v = scripts[i][attr];
    						if (v){
    							result[result.length] = v;
    						}
    					}
    					return result;
            		}
            	};
            	
            	window.__justep.__ResourceEngine.initContextPath();
    			requirejs.config({
    				baseUrl: window.__justep.__ResourceEngine.contextPath + '/demo/taobao',
    			    paths: {
    			    	/* 解决require.normalizeName与require.toUrl嵌套后不一致的bug   */
    			    	'$model/UI2/v_': window.__justep.__ResourceEngine.contextPath + '',
    			    	'$model/UI2': window.__justep.__ResourceEngine.contextPath + '',
    			    	'$model': window.__justep.__ResourceEngine.serverPath,
    			        'text': window.__justep.__ResourceEngine.contextPath + '/system/lib/require/text.2.0.10',
    			        'bind': window.__justep.__ResourceEngine.contextPath + '/system/lib/bind/bind',
    			        'jquery': window.__justep.__ResourceEngine.contextPath + '/system/lib/jquery/jquery-1.11.1.min'
    			    },
    			    map: {
    				        '*': {
    				            res: '$model/UI2/system/lib/require/res',
    				            cordova: '$model/UI2/system/lib/require/cordova',
    				            w: '$model/UI2/system/lib/require/w',
    				            css: '$model/UI2/system/lib/require/css'
    				        }
    				},
    				waitSeconds: 300
    			});
    			
    			requirejs(['require', 'jquery', '$model/UI2/system/lib/base/composition', '$model/UI2/system/lib/base/url', '$model/UI2/system/lib/route/hashbangParser', '$model/UI2/system/components/justep/versionChecker/versionChecker', '$model/UI2/system/components/justep/loadingBar/loadingBar', '$model/UI2/system/lib/jquery/domEvent',  '$model/UI2/system/lib/cordova/cordova'],  function (require, $, composition, URL, HashbangParser,versionChecker) { 
    				document.addEventListener('deviceready', function() {
    	                if (navigator && navigator.splashscreen && navigator.splashscreen.hide) {
    	                	/*延迟隐藏，视觉效果更理想*/
    	                	setTimeout(function() {navigator.splashscreen.hide();}, 800);
    	                }
						setTimeout(function(){
							debugger;
							versionChecker.check();			
						},1000);
    	            }, false);
    				var context = {};
    				context.model = '$model/UI2/demo/taobao/detail.w' + (document.location.search || "");
    				context.view = $('#applicationHost').children()[0];
    				var element = document.getElementById('applicationHost');

					    				
    				
    				var ownerid = new URL(window.__justep.__ResourceEngine.url).getParam("$ownerid");
    				var pwindow = opener;
    				if (!pwindow && window.parent && window.parent.window){
    					pwindow = window.parent.window;
    				}
    				if(ownerid && pwindow 
    						&& pwindow.__justep && pwindow.__justep.windowOpeners
    						&& pwindow.__justep.windowOpeners[ownerid]
    						&& $.isFunction(pwindow.__justep.windowOpeners[ownerid].sendToWindow)){
    					window.__justep.setParams = function(params){
    						/* 给windowOpener提供再次传参数的接口  */
    						params = params || {};
    						composition.setParams(document.getElementById('applicationHost'), params);
    					};
    					var winOpener = pwindow.__justep.windowOpeners[ownerid];
    					$(window).unload(function(event){
    						if(winOpener && winOpener.dispatchCloseEvent) winOpener.dispatchCloseEvent();
    					});
    					var params = winOpener.sendToWindow();
						context.owner = winOpener;
						context.params = params || {};
	        			composition.compose(element, context);
    				}else{
        				var params =  {};
    					var state = new HashbangParser(window.location.hash).parse().__state;
    					if (state){
    						params = state.get("");
    						try{
    							params = JSON.parse(params);
    							if (params.hasOwnProperty("__singleValue__")){
    								params = params.__singleValue__;
    							}
    						}catch(e1){}
    					}
    					context.noUpdateState = true;
        				context.params = params;
        				composition.compose(element, context);
    				}
    			});    
            }
		 	
        </script>
        
    </body>
</html>